<!DOCTYPE html>
<html lang="en">
<head>

    <!-- Basic Page Needs
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta charset="utf-8">
    <title>SwiftLaTeX: WYSIWYG LaTeX Editor for Browsers</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Mobile Specific Metas
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- FONT
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>

    <!-- CSS
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/skeleton.css">
    <link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="css/nprogress.css">

    <!-- Favicon
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="icon" type="image/png" href="favicon.png">
</head>
<body class="code-snippets-visible">

<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
    <section class="header">
        <h2 class="title">The Browser-based Fast LaTeX Visual Editor.</h2>
        <div id="signin_buttons">
            <span>Store your files in: </span>
            <a class="button button-primary" id="localLogin"
               title="Store all files in local hard drives."
               href="#" style="display: none">Local</a>
            <a class="button button-primary" id="minioLogin"
               title="A playgroud for you to have a look at SwiftLaTeX without login."
               href="#">Playground</a>
            <a class="button button-primary" id="googleLogin"
               href="#">Google</a>
            <a class="button button-primary" id="dropboxLogin"
               href="#">Dropbox</a>
        </div>

        <div class="value-props row">
            <div class="four columns value-prop">
                <img class="value-img" src="images/feather.svg">
                Compile and render each LaTeX document in realtime. All computation is done locally.
            </div>
            <div class="four columns value-prop">
                <img class="value-img" src="images/pens.svg">
                Simply click on any text in the PDF and start editing as in any other good word processor.
            </div>
            <div class="four columns value-prop">
                <img class="value-img" src="images/watch.svg">
                Quick to start with zero compiling or installing necessary. An Internet connection is what you need.
            </div>
        </div>
    </section>

    <div class="navbar-spacer"></div>
    <nav class="navbar">
        <div class="container">
            <ul class="navbar-list">
                <li class="navbar-item"><a class="navbar-link" href="#intro">Intro</a></li>
                <li class="navbar-item"><a class="navbar-link" href="#screenshot">Screenshot</a></li>
            </ul>
        </div>
    </nav>


    <div class="docs-section" id="intro">
        <h6 class="docs-header">Is SwiftLaTeX for you?</h6>
        <p>SwiftLaTeX is a WYSIWYG WebAssembly-powered LaTeX Editor.
        <ul>
            <li>SwiftLaTeX engines run in browsers. It makes SwiftLaTeX more responsive (i.e., faster compilation) and
                scalable.
            </li>
            <li>SwiftLaTeX provides a WYSIWYG viewer, allowing users to editing PDF output directly.</li>
            <li>SwiftLaTeX by default stores files in self-hosting Minio Object storage. SwiftLaTeX can also sync
                project
                files to different cloud storage backends such as Dropbox, Google Drive, OneDrive, and Github.
            </li>
            <li>SwiftLaTeX supports real-time collaboration via link sharing.</li>
        </ul>
        </p>
    </div>

    <div class="docs-section" id="screenshot">
        <h6 class="docs-header">SwiftLaTeX Screenshot</h6>
        <img src="images/screenshot-light.png" class="screenshot-img"/>
    </div>

    <div class="docs-section" id="info">
        <h6>Love SwiftLaTeX and want to have a look at how it works, or donate a cup of coffee? </h6>

        <iframe src="https://ghbtns.com/github-btn.html?user=swiftlatex&repo=swiftlatex&type=watch&count=true"
                allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
        <iframe src="https://ghbtns.com/github-btn.html?user=swiftlatex&repo=swiftlatex&type=fork&count=true"
                allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" class="paypal">
            <input type="hidden" name="cmd" value="_s-xclick"/>
            <input type="hidden" name="hosted_button_id" value="MBLKQURY3C38S"/>
            <input type="image" src="images/donate.png" border="0"
                   name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button"
                   width="96px"/>
        </form>
        <h6 class="agreement"><span id="buildNumber">BuildNo:</span>
            <a href="changelogs.html">Upgrade Logs</a>
            <a href="https://swiftlatex.statuspage.io/">Status</a>
            <a href="contact.html">About Us</a>
            <a href="eula.html">EULA</a>
            <a href="privacy.html">Privacy Policy</a>
        </h6>
    </div>
</div>


<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="meow.js"></script>
<script src="/dist/index.bundle.js"></script>
</body>
</html>